<!--
 * @Descripttion: 
 * @version: @ 1.0.0
 * @Author: ZJZ
 * @Date: 2021-07-14 09:14:33
 * @LastEditors: 朱江洲
 * @LastEditTime: 2022-01-18 17:25:15
-->
<template>
  <div class="app-container">
    <div class="header">
      <div
        class="bread"
        @click="logShow = true"
        :class="logShow ? 'active' : ''"
      >
        <span>操作日志</span>
      </div>
      <div
        class="bread"
        :class="logShow ? '' : 'active'"
        style="margin-left: 40px"
        @click="logShow = false"
      >
        <span>登录日志</span>
      </div>
    </div>
    <operation-log v-if="logShow"></operation-log>
    <land-log v-else></land-log>
  </div>
</template>

<script>
import landLog from "./conponments/landLog.vue";
import OperationLog from "./conponments/operationLog.vue";

export default {
  components: { landLog, OperationLog },
  data() {
    return {
      logShow: true,
    };
  },
};
</script>

<style lang="less" scoped>
.header {
  width: 100%;
  height: 74px;
  display: flex;
  border-bottom: 1px solid #ececec;
  .bread {
    margin-left: 5px;
    font-size: 16px;
  
    height: 74px !important;
    height: 30px;
    display: flex;
    line-height: 74px;
    span {
       font-size: 16Px;
    }
  }
}
.active {
     font-weight: 700;
      color: #1267fa !important;

    border-bottom: 2px solid #1267fa;

}
// .active1 {
//   color: #ff8e43 !important;
// }
</style>